import { globalIgnores } from 'eslint/config'
import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
import pluginVue from 'eslint-plugin-vue'
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'

// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
// import { configureVueProject } from '@vue/eslint-config-typescript'
// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup

export default defineConfigWithVueTs(
  {
    name: 'app/files-to-lint',
    files: ['**/*.{ts,mts,tsx,vue}'],
    rules: {
      // Prettier 相关规则
      'prettier/prettier': [
        'warn',
        {
          singleQuote: true, // 使用单引号
          semi: false, // 不使用分号结尾
          printWidth: 100, // 每行最大宽度
          trailingComma: 'none', // 不使用尾逗号
          endOfLine: 'auto', // 保持现有的行尾风格
        },
      ],

      // Vue 组件命名规则 (让组件命名可以使用单个单词，如 index.vue)
      'vue/multi-word-component-names': [
        'warn',
        {
          ignores: ['index'], // 忽略 index 组件
        },
      ],

      // 允许直接解构 setup 中的 props,语法糖
      'vue/no-setup-props-destructure': 'off',
      '@typescript-eslint/no-explicit-any': 0,
    },
  },

  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),

  pluginVue.configs['flat/essential'],
  vueTsConfigs.recommended,
  skipFormatting,
)
